

/* 版心 */
.wrapper {
  margin: 0 auto;
  width: 1500px;
  height: 50px;
}
.wrapper img {
  width: 140px;
}

/* 登录 */
.login-box {
  /* width: 100%; */
  height: 500px;
  background-image: url('./images/bg.png');
  display: flex;
}

.login-input {
  width: 350px;
  height: 400px;
  background-color: #fff;
  position: relative;
  left: 1300px;
  margin-top: 50px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.login-input .login-txt{
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  color: #838383;
}

/* .login-input .txt1 {
  border-right: 1px solid #ccc;
  
} */

.login-input .txt2 {
  color: red;
}

.login-input .warn {
  height: 25px;
  background-color:#fffded;
  font-size: 12px;
  line-height: 25px;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 1px solid #f5f2d0;
  padding-left: 10px;
}

.login-input .login-input-box {
  width: 100%;
  display: flex;
  flex-direction: column;

}

.login-input .email {
  width: 100%;
  display: flex;
  height: 30px;
  border: 1px solid #41a7e5;
  border: 1px solid #41a7e5;
  margin-bottom: 15px;
}
.login-input .password {
  width: 100%;
  display: flex;
  height: 30px;
  border: 1px solid #ccc;
}

.login-input  input {
  padding-left: 10px;
}

.checkbox {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: space-between;
}

.checkbox .check {
  display: flex;
}

.checkbox .check p {
  color: #ccc;
}

.login-button {
  width: 100%; /* 设置按钮的宽度 */
  height: 40px; /* 设置按钮的高度 */
  background-color: red; /* 设置按钮的背景颜色为红色 */
  color: white; /* 设置按钮文字颜色为白色 */
  border: none; /* 移除按钮边框 */
  cursor: pointer; /* 设置鼠标悬停时的指针样式 */
  font-size: 18px; /* 设置按钮文字大小 */
  margin-top: 20px;
  margin-bottom: 20px;
}

.login-button:hover {
  background-color: #cc0000; /* 鼠标悬停时按钮的背景颜色，稍微深一点的红色 */
}

.register {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 50px;
}

.register p {
  color: #41a7e5;
}

.footer {
  background-color: #f5f5f5; /* 底部背景颜色 */
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-links {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.footer-link {
  margin: 0 10px;
  color: #333; /* 链接颜色 */
  text-decoration: none;
  padding: 0 15px;
  border-right: 1px solid #999;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-contact {
  display: flex;
  text-align: center;
  /* margin-bottom: 20px; */
}

.footer-contact p {
  /* margin: 5px 0; */
  color: #666; /* 联系信息颜色 */
}

.footer-copyright {
  display: flex;
  text-align: center;
}

.footer-copyright p {
  margin: 5px 0;
  color: #666; /* 备案号颜色 */
}
